@charset "utf-8";

.pop-video{display: none;}
.pop-video.x-show{display: block;}
.pop-video video{display: none;}
.pop-video.x-show video{display: block;}
.pop-video .pop-dialog{ width: 1000px; height: 562px;}
.pop-video video{ min-width: 100%; min-height: 100%;}

.contact_us1{ position: relative;}
.contact_us1:after{ content: ''; position: absolute; left: 50%; bottom: 30px; width: 22px; height: 39px; background: url(../image/xf/png1.png) no-repeat; background-size: contain;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.contact_us1 .bg{}
.contact_us1 .bg img{ display: block; width: 100%;}
.contact_us1 .x-wrap{ position: absolute; left: 0; right: 0; top: 0;}
.contact_us1 .box{ position: absolute; left: 0; right: 50%; top: 50%; margin-right: 65px; color: #fff;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact_us1 .box .h36{ margin-bottom: 13px;}
.contact_us1 .box .h36 .s{ margin-left: 28px; color: #0dce6d;}
.contact_us1 .box .h24{ margin-bottom: 19px;}
.contact_us1 .box .h16{ line-height: 1.875;}

.contact_us2{ padding: 80px 0 125px;}
.contact_us2 .xfont-icon:before{ position: absolute; left: 50%; top: 50%;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.contact_us2 .tm1{ position: relative;}
.contact_us2 .tb1{ margin-bottom: 33px; text-align: center;}
.contact_us2 .tt1{ position: relative; display: inline-block; margin: 0 22px; padding: 5px; vertical-align: top; cursor: pointer;}
.contact_us2 .tt1:after{ content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 0; border-bottom: 3px solid #099781;
	transition: width .3s;
}
.contact_us2 .tt1:hover:after,
.contact_us2 .tt1.cur:after{ width: 100%; border-color: #099781;}
.contact_us2 .tc1{ position: relative;}
.contact_us2 .ti1{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; z-index: -1;
	transition-property: opacity, visibility;
	transition-duration: .3s;
}
.contact_us2 .ti1.act{ position: relative; opacity: 1; visibility: visible; z-index: 1;}
.contact_us2 .tm2{}
.contact_us2 .tm2 .img {overflow: hidden;text-align: center;}
.contact_us2 .tm2 .img img {max-width: 100%;height: auto;}
.contact_us2 .tb2{ position: absolute; right: 0; bottom: 100%; margin-bottom: 42px; color: #b5b5b5;}
.contact_us2 .tt2{ font-size: 18px;}
.contact_us2 .tt2.cur{}
.contact_us2 .tc2{ position: relative;}
.contact_us2 .ti2{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; z-index: -1;
	transition-property: opacity, visibility;
	transition-duration: .3s;
}
.contact_us2 .ti2.act{ opacity: 1; visibility: visible; position: relative; z-index: 1;}
.contact_us2 .scroll-tab{ padding: 0 30px;}
.contact_us2 .scroll-prev,
.contact_us2 .scroll-next{ position: absolute; top: 0; bottom: 0; width: 30px; height: 100%; cursor: pointer; z-index: 1;}
.contact_us2 .scroll-prev:before,
.contact_us2 .scroll-next:before{ margin-top: 1px; font-size: 1.5em; font-weight: bold;}
.contact_us2 .scroll-prev{ left: 0;}
.contact_us2 .scroll-next{ right: 0;}
.contact_us2 .scroll-prev:before{ content: '\e831';}
.contact_us2 .scroll-next:before{ content: '\e832';}
.contact_us2 .scroll-box{ position: relative; width: 210px; overflow: hidden;}
.contact_us2 .scroll-track{ display: table; padding: 0 10px; white-space: nowrap;}
.contact_us2 .scroll-item{ display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer;}
.contact_us2 .scroll-item .y{ font-weight: bold;
	-ms-transition: transform .3s;
	transition: transform .3s;
}
.contact_us2 .scroll-item:hover .y,
.contact_us2 .scroll-item.cur .y{ color: #252525;
	-ms-transform: scale(1.555);
	transform: scale(1.555);
}
.contact_us2 .list{ border-left: 1px solid #e6e6e6; overflow: hidden;}
.contact_us2 .list-item{ float: left; width: 306px; height: 422px; border: 1px solid #e6e6e6; border-left: 0; overflow: hidden;}
.contact_us2 .list-item .th{ position: relative; height: 112px; background-color: #f8f8f8; border-bottom: 1px solid #e6e6e6;}
.contact_us2 .list-item:hover .th{ color: #099781;}
.contact_us2 .list-item .date{ position: absolute; left: 30px; top: 50%; font-family: Arial; font-size: 18px; font-weight: bold; line-height: 1;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact_us2 .list-item .d{ margin-top: 5px; font-size: 50px;}
.contact_us2 .list-item .td{ padding: 30px;overflow: auto;height: 250px;}
.contact_us2 .list-item .p{ line-height: 1.8571; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.contact_us2 .list-item .p + .p{ margin-top: 6px;}
.contact_us2 .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .contact_us2 .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -40px;}

.contact_us3{ position: relative; height: 600px;}
.contact_us3 .item{ position: relative; float: left; width: 50%; height: 100%; background: center no-repeat; background-size: cover;}
.contact_us3 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.contact_us3 .play{ position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; background: url(../image/xf/png2.png) no-repeat; background-size: contain; cursor: pointer;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.contact_us3 .h24{ position: absolute; left: 0; right: 0; bottom: 80px; text-align: center; color: #fff;}
.contact_us3 .cont{ position: absolute; left: 90px; top: 100px; width: 525px;}
.contact_us3 .h36{ margin-bottom: 45px;}
.contact_us3 .h36 .s{ color: #099781;}
.contact_us3 .ul{}
.contact_us3 .li{ font-size: 18px; overflow: hidden;}
.contact_us3 .li + .li{ margin-top: 20px;}
.contact_us3 .li .th{ float: left; width: 6em; text-align: right; white-space: nowrap;}
.contact_us3 .li .td{ overflow: hidden;}
.contact_us3 .li .b{ font-size: 24px; line-height: 1.3333;}
.contact_us3 .li .p{ margin-bottom: 10px;}
.contact_us3 .li .s + .s{ margin-left: 2em;}

.contact_us4{ padding-top: 82px;}
.contact_us4 .tit{ margin-bottom: 25px;}
.contact_us4 .slick-mod{ margin-bottom: 35px; overflow: hidden;}
.contact_us4 .slick-list{ margin: 0 -9px;}
.contact_us4 .slick-item{}
.contact_us4 .slick-item a{ display: block; margin: 0 9px;}
.contact_us4 .slick-item .img{ margin-bottom: 26px; width: 398px; height: 270px; overflow: hidden;}
.contact_us4 .slick-item .img img{ display: block; width: 100%;}
.contact_us4 .slick-item .h16{ text-align: center;}
.contact_us4 .slick-nav{ text-align: center;}
.contact_us4 .slick-arrow {width: 100px;height: 46px;border: 1px solid #d1d1d1;border-radius: 0;background: none;position: static;display: inline-block;vertical-align: middle;transition: all 0.4s ease;}
.contact_us4 .slick-arrow:after {display: none;}
.contact_us4 .slick-prev {border-right: 0;background: url(../image/jjl/prev1.png) no-repeat center;}
.contact_us4 .slick-prev:hover {background-color: #099781;background-image: url(../image/jjl/prev1_a.png);border-color: #099781;}
.contact_us4 .slick-next {background: url(../image/jjl/next1.png) no-repeat center;}
.contact_us4 .slick-next:hover {background-color: #099781;background-image: url(../image/jjl/next1_a.png);border-color: #099781;}

.contact_us5{}
.contact_us5 .tab-mod{}
.contact_us5 .tab-bar{ margin-bottom: 30px; text-align: center;}
.contact_us5 .tab-term{ position: relative; display: inline-block; margin: 0 22px; padding: 5px; vertical-align: top; cursor: pointer;}
.contact_us5 .tab-term:after{ content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 0; border-bottom: 3px solid #099781;
	transition: width .3s;
}
.contact_us5 .tab-term:hover:after,
.contact_us5 .tab-term.cur:after{ width: 100%; border-color: #099781;}
.contact_us5 .tab-cont{ position: relative;}
.contact_us5 .tab-item{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; z-index: -1;}
.contact_us5 .tab-item.act{ position: relative; opacity: 1; visibility: visible; z-index: 1;}
.contact_us5 .btn1{ margin-top: 0;}

.contact_us6{ padding: 174px 0 70px; background: center top no-repeat;}
.contact_us6 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.contact_us6 .tit{ margin-bottom: 26px; color: #fff;}
.contact_us6 .list{ color: #fff; overflow: hidden;}
.contact_us6 .list-item{ position: relative; float: left; margin-bottom: 20px; width: 605px; height: 393px; background: center no-repeat; background-size: cover;}
.contact_us6 .list-item:nth-child(even){ margin-left: 20px;}
.contact_us6 .list-item.li1{}
.contact_us6 .list-item.li2{}
.contact_us6 .list-item.li2 .h16{ margin: auto; width: 360px;}
.contact_us6 .list-item.li2 .ul{ margin: auto; margin-top: 25px; width: 480px; text-align: left;}
.contact_us6 .list-item.li2 .li{ position: relative; float: left; width: 50%; font-size: 16px;}
.contact_us6 .list-item.li2 .icon{ position: absolute; left: 0; top: 50%; width: 34px; height: 28px; overflow: hidden;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact_us6 .list-item.li2 .icon img{ display: block; width: 100%;}
.contact_us6 .list-item.li2 .p{ margin-left: 48px;}
.contact_us6 .list-item.li3{}
.contact_us6 .list-item.li3 .ul{ margin: auto; width: 460px; text-align: left;}
.contact_us6 .list-item.li3 .li{ font-size: 16px;}
.contact_us6 .list-item.li3 .li + .li{ margin-top: 10px;}
.contact_us6 .list-item.li4{}
.contact_us6 .list-item.li4 .pad{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 40px; background-color: rgba(0,0,0,0.4);}
.contact_us6 .list-item.li4 .h16{}
.contact_us6 .list-item.li4 .h16 + .h16{ margin-top: 8px;}
.contact_us6 .list-item .cont{ position: absolute; top: 100px; left: 0; right: 0; text-align: center;}
.contact_us6 .list-item .cont .h24{ margin-bottom: 18px;}
.contact_us6 .list-item .cont .h16{ line-height: 1.75;}
.contact_us6 .list-item .cont .more{ display: block; margin: auto; margin-top: 58px; width: 188px; background-color: rgba(0,0,0,0.1); border: 1px solid rgba(255,248,248,0.8); font-size: 20px; line-height: 48px;color: #fff;}
.contact_us6 .bdmap{ height: 100%;}

.contact_us7{}
.contact_us7 .tit{ margin-bottom: 15px;}
.contact_us7 .util{ padding: 60px 0 90px; background-color: #f4f4f5;}
.contact_us7 .form{ margin: auto; margin-bottom: 30px; width: 930px; overflow: hidden;}
.contact_us7 .form-item{ float: left; width: 455px;}
.contact_us7 .form-item:nth-child(2){ margin-left: 20px;}
.contact_us7 .form-item:nth-child(3){ margin-top: 20px; width: 100%;}
.contact_us7 .flabel{ float: left; font-size: 16px;}
.contact_us7 .fdetail{ overflow: hidden;}
.contact_us7 .pad{ padding: 15px 30px; border: 1px solid #ccc; overflow: hidden;}
/* .contact_us7 .input{ margin-left: 20px;} */
.contact_us7 .input input{ display: block; width: 100%; min-height: 1.5em; font-size: 16px;}
.contact_us7 .textarea{ height: 130px;}
.contact_us7 .textarea textarea{ display: block; width: 100%; height: 100%; font-size: 16px;}
.contact_us7 .submit{ display: block; margin: auto; width: 190px; font-size: 20px; line-height: 50px; background-color: #009a80; text-align: center; color: #fff;}

.why_us1{ position: relative; height: 800px; background: center no-repeat; background-size: cover; overflow: hidden;}
.why_us1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.why_us1 .box{ padding-top: 160px; text-align: center; color: #fff;}
.why_us1 .t1{ margin-bottom: 30px;}
.why_us1 .t1 .s{ color: #0dce6d;}
.why_us1 .t2{ margin-bottom: 15px;}
.why_us1 .t2 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us1 .t3{ margin: 0 75px 60px; line-height: 1.75;text-align: left;}
.why_us1 .ul{}
.why_us1 .li{ position: relative; float: left; width: 20%;}
.why_us1 .li .pad{ padding: 0 22px;}
.why_us1 .li .icon{ margin: 0 auto 10px; width: 62px; height: 54px; overflow: hidden;}
.why_us1 .li .icon img{ display: block; width: 100%;}
.why_us1 .li .h18{ margin-bottom: 15px;}
.why_us1 .li .p{ margin-bottom: 35px; height: 70px; overflow: hidden;}

.why_us2{ position: relative; padding-top: 60px;}
.why_us2:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 266px; background-color: #f4f4f5;}
.why_us2 .tit{ margin-bottom: 30px; text-align: center;}
.why_us2 .tit .h36{ margin-bottom: 10px;}
.why_us2 .tit .h36 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us2 .list{ overflow: hidden;}
.why_us2 .list-item{ position: relative; float: left; margin: 0 1px; width: 408px;}
.why_us2 .list-item .img{ height: 330px; overflow: hidden;}
.why_us2 .list-item .img img{ display: block; width: 100%;}
.why_us2 .list-item .cont{ position: absolute; left: 0; right: 0; top: 100%; margin-top: -57px; padding: 15px 35px; background-color: rgba(0,0,0,0.4); color: #fff;}
.why_us2 .list-item .h18{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.why_us2 .list-item .box{ margin-top: 20px; height: 210px;}
.why_us2 .list-item .p{ line-height: 1.7142;}
.why_us2 .list-item .p + .p{ margin-top: 10px;}
.why_us2 .list-item .ul{ margin-top: 10px; overflow: hidden;}
.why_us2 .list-item .li{ position: relative;padding: 10px 0;}
.why_us2 .list-item .li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 999px; background-color: #fff;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.why_us2 .list-item .pad{ padding-left: 20px;}

.why_us3{ padding: 80px 0 90px; background-color: #f4f4f5;}
.why_us3 .tit{ margin: 0 130px 33px; text-align: center;}
.why_us3 .tit .h36{ margin-bottom: 13px;}
.why_us3 .tit .h36 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us3 .tit .p{ line-height: 1.92857;}
.why_us3 .tit .p + .p{ margin-top: 8px;}
.why_us3 .slick-mod{ overflow: hidden;}
.why_us3 .slick-list{ margin: 0 -9px;}
.why_us3 .slick-item{ text-align: center;}
.why_us3 .slick-item .pad{ margin: 0 9px;}
.why_us3 .slick-item .img{ margin-bottom: 25px; width: 398px; height: 270px; overflow: hidden;}
.why_us3 .slick-item .img img{ display: block; width: 100%;}
.why_us3 .slick-item .h16{ margin-bottom: 12px;}
.why_us3 .slick-item .more{ font-size: 16px; color: #099781;}
.why_us3 .slick-nav{ margin-top: 36px; text-align: center;}
.why_us3 .slick-arrow {width: 100px;height: 46px;border: 1px solid #d1d1d1;border-radius: 0;background: none;position: static;display: inline-block;vertical-align: middle;transition: all 0.4s ease;}
.why_us3 .slick-arrow:after {display: none;}
.why_us3 .slick-prev {border-right: 0;background: url(../image/jjl/prev1.png) no-repeat center;}
.why_us3 .slick-prev:hover {background-color: #099781;background-image: url(../image/jjl/prev1_a.png);border-color: #099781;}
.why_us3 .slick-next {background: url(../image/jjl/next1.png) no-repeat center;}
.why_us3 .slick-next:hover {background-color: #099781;background-image: url(../image/jjl/next1_a.png);border-color: #099781;}

.why_us4{ padding: 80px 0;}
.why_us4 .tit{ margin: 0 75px 30px; text-align: center;}
.why_us4 .tit .h36{ margin-bottom: 13px;}
.why_us4 .tit .h36 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us4 .tit .p{ line-height: 1.92857;}
.why_us4 .slick-mod{ overflow: hidden;}
.why_us4 .slick-list{ margin: 0 -9px;}
.why_us4 .slick-item{ text-align: center;}
.why_us4 .slick-item .pad{ display: block; margin: 0 9px;}
.why_us4 .slick-item .img{ margin-bottom: 25px; width: 398px; height: 270px; overflow: hidden;}
.why_us4 .slick-item .img img{ display: block; width: 100%;}
.why_us4 .slick-nav{ margin-top: 40px; text-align: center;}
.why_us4 .slick-arrow {width: 100px;height: 46px;border: 1px solid #d1d1d1;border-radius: 0;background: none;position: static;display: inline-block;vertical-align: middle;transition: all 0.4s ease;}
.why_us4 .slick-arrow:after {display: none;}
.why_us4 .slick-prev {border-right: 0;background: url(../image/jjl/prev1.png) no-repeat center;}
.why_us4 .slick-prev:hover {background-color: #099781;background-image: url(../image/jjl/prev1_a.png);border-color: #099781;}
.why_us4 .slick-next {background: url(../image/jjl/next1.png) no-repeat center;}
.why_us4 .slick-next:hover {background-color: #099781;background-image: url(../image/jjl/next1_a.png);border-color: #099781;}

.why_us5{ position: relative; overflow: hidden;}
.why_us5:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 202px; background-color: #f4f4f5;}
.why_us5 .tit{ margin-bottom: 20px; text-align: center;}
.why_us5 .tit .h36{ }
.why_us5 .tit .h36 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us5 .screen{ margin-bottom: 40px; overflow: hidden;}
.why_us5 .screen .ul{ overflow: hidden;}
.why_us5 .screen .li{ float: left; border: 1px solid #d1d1d1; min-width: 116px; font-size: 20px; line-height: 44px; text-align: center; color: #707070; cursor: pointer;}
.why_us5 .screen .li + .li{ margin-left: 20px;}
.why_us5 .screen .li:hover,
.why_us5 .screen .li.cur{ background-color: #099781; border-color: #099781; color: #fff;}
.why_us5 .screen .btn1{ float: right; margin-left: 20px;}
.why_us5 .list{ margin: 0 -9px; overflow: hidden;}
.why_us5 .list-item{ float: left; margin: 0 9px; width: 398px;}
.why_us5 .list-item .img{ height: 270px; overflow: hidden;}
.why_us5 .list-item .img img{ display: block; width: 100%;}
.why_us5 .list-item .h16{ padding: 25px; text-align: center;}

.why_us6{ padding: 50px 0 90px; background-color: #f4f4f5; overflow: hidden;}
.why_us6 .tit{ margin-bottom: 22px; text-align: center;}
.why_us6 .tit .h36{ }
.why_us6 .tit .h36 .b{ font-family: Impact; font-size: 84px; line-height: 1;}
.why_us6 .screen{ margin-bottom: 40px; overflow: hidden;}
.why_us6 .screen .ul{ overflow: hidden;}
.why_us6 .screen .li{ float: left; border: 1px solid #d1d1d1; min-width: 116px; font-size: 20px; line-height: 44px; text-align: center; color: #707070; cursor: pointer;}
.why_us6 .screen .li + .li{ margin-left: 20px;}
.why_us6 .screen .li:hover,
.why_us6 .screen .li.cur{ background-color: #099781; border-color: #099781; color: #fff;}
.why_us6 .screen .btn1{ float: right; margin-left: 20px;}
.why_us6 .list{ position: relative; padding-left: 740px;height: 439px;}
.why_us6 .list-item{ margin-bottom: 2px; width: 490px; height: 145px; background-color: #fff; overflow: hidden;}
.why_us6 .list-item .img{ float: left; width: 244px; height: 100%; overflow: hidden;}
.why_us6 .list-item .img img{ display: block; width: 100%;}
.why_us6 .list-item .cont{ padding: 30px; overflow: hidden;}
.why_us6 .list-item .h16{}
.why_us6 .list-item .h18{ position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; text-align: center; color: #fff; background-color: rgba(0,0,0,0.4);}
.why_us6 .list-item .date{ position: relative; margin-top: 40px;}
.why_us6 .list-item .date:before{ content: ''; position: absolute; bottom: 100%; margin-bottom: 24px; width: 28px; border: 1px solid #b2b2b2;}
.why_us6 .list-item.first_item{ position: absolute; left: 0; top: 0; width: 738px; height: 439px;}
.why_us6 .list-item.first_item .img{ width: 100%; height: 100%;}

.recruit_list1{ padding: 90px 0 100px;}
.recruit_list1 .head{ margin-bottom: 32px; text-align: center;}
.recruit_list1 .table{ margin-bottom: 60px;}
.recruit_list1 table{ width: 100%;}
.recruit_list1 thead{ background-color: #099781;}
.recruit_list1 tbody{}
.recruit_list1 tr{}
.recruit_list1 tbody tr:first-child{ border-top: 1px solid #e6e6e6;}
.recruit_list1 tr:first-child{ cursor: pointer;}
.recruit_list1 tr:first-child td{ height: 70px;}
.recruit_list1 th{ height: 80px; font-size: 18px; font-weight: normal; color: #fff; text-align: left;}
.recruit_list1 td{ font-size: 16px; height: 1px;}
.recruit_list1 .pd{ position: relative; padding: 0 70px; width: 100%; height: auto;text-align: center;box-sizing: border-box;}
.recruit_list1 tr:first-child th:first-child .pd,
.recruit_list1 tr:first-child td:first-child .pd{ text-align: left;}
.recruit_list1 .arr{ position: relative; display: inline-block;}
.recruit_list1 .arr:after{ content: ''; position: absolute; left: 100%; top: 50%; margin-left: 28px; width: 20px; height: 20px; background: url(../image/xf/png12.png) left no-repeat;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.recruit_list1 .ul{ padding: 35px 70px; border-top: 1px solid rgba(255,255,255,0.2); background: url(../image/xf/img28.jpg) right bottom no-repeat; font-size: 14px; text-align: left; display: none;}
.recruit_list1 .li{}
.recruit_list1 .li + .li{ margin-top: 30px;}
.recruit_list1 .h18{ margin-bottom: 16px;}
.recruit_list1 .p{}
.recruit_list1 .p + .p{ margin-top: 8px;}
.recruit_list1 .tip{ margin-top: 10px; font-size: 16px;}
.recruit_list1 tbody.cur{ background-color: #099781; color: #fff;}
.recruit_list1 tbody.cur .ul{ display: block;}
.recruit_list1 tbody.cur .arr:after{ background-position: right;}


.why_us1 .li .pad{position: relative;}

/* 2020-06-29lyj */
.contact_us1 .box{right: 30%;}
.why_us1 .li .p{margin-bottom: 0;height: auto;}
.why_us1 .li .btn1{margin-top: 35px;}
.why_us2 .list{text-align: center;font-size: 0;}
.why_us2 .list-item{float: none;display: inline-block;vertical-align: top;}
.why_us2 .list-item .p,
.why_us2 .list-item .pad{font-size: 14px;}
.why_us2 .list-item .cont{text-align: left;}
/* 2020-07-06lyj */

.contact_us7.article_form .textarea textarea::-webkit-input-placeholder { color: #909090; }
.contact_us7.article_form .textarea textarea:-moz-placeholder { color: #909090; }
.contact_us7.article_form .textarea textarea::-moz-placeholder { color: #909090; }
.contact_us7.article_form .textarea textarea:-ms-input-placeholder { color: #909090; }
.why_us5 .tab-modbar .scroll-item{min-width: 116px;}
.why_us5 .tab-modbar .scroll-item:first-child{margin-left: 0;}
.why_us5 .screen .ul{text-align: left;}

.why_us6 .tab-modbar .scroll-item{min-width: 116px;}
.why_us6 .tab-modbar .scroll-item:first-child{margin-left: 0;}
.why_us6 .screen .ul{text-align: left;}
.why_us6 .tab-modbar,
.why_us5 .tab-modbar{float: left;max-width: 80%;}

/* 20200709lyj */
.contact_us3 .li .b{color: #099781;position: relative;top: -2px;}


@media screen and (min-width: 751px){
	.why_us1 .li:after{ content: ''; position: absolute; left: 0; right: 0; top: -999px; bottom: -999px;
		transition: background .5s;
	}
	.why_us1 .li + .li:before{ content: ''; position: absolute; left: 0; top: -999px; bottom: -999px; border-left: 1px solid rgba(255,255,255,0.1);}
	.why_us1 .li .pad{ z-index: 1;
		transition: transform .5s;
	}
	.why_us1 .li .pad:before,
	.why_us1 .li .pad:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 1px; background: url(../image/xf/png10.png) center no-repeat; opacity: 0;
		transition: opacity .5s;
	}
	.why_us1 .li .pad:before{ left: 0;}
	.why_us1 .li .pad:after{ right: 0;}
	.why_us1 .li .btn1{ opacity: 0;
		transition: opacity .5s;
	}
	.why_us1 .li:hover:after{ background-color: rgba(0,0,0,0.2);}
	.why_us1 .li:hover .pad{
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	.why_us1 .li:hover .pad:before,
	.why_us1 .li:hover .pad:after{ opacity: 1;}
	.why_us1 .li:hover .btn1{ opacity: 1;}
	
	.why_us2 .list-item .cont{
		transition-property: top, margin, padding;
		transition-duration: .5s;
	}
	.why_us2 .list-item:hover .cont{ top: 0; margin-top: 0; padding: 38px 35px;}
	.why_us2 .list-item:hover .h18{ white-space: normal;}	
}

@media screen and (min-width: 1230px){
}

@media screen and (min-width: 751px) and (max-width: 1229px){
	
}
@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1440px) and (min-width:1024px){
	.contact_us1 .box{right: 0;margin-right: 0;}
}

@media screen and (max-width: 750px){
	
	.pop-mod.pop-video .pop-dialog{ width: 7rem; height: 4rem;}
	.pop-mod.pop-video .pop-close:after {font-size: 0.5rem;}

	.contact_us1{ }
	.contact_us1:after{ bottom: 0.2rem; width: 0.24rem; height: 0.39rem;}
	.contact_us1 .box{ right: 0; margin-right: 0; top: 0.5rem; bottom: 0.5rem; padding: 0 0.5rem; overflow: auto;
		transform: none;
	}
	.contact_us1 .box .h36{ margin-bottom: 0.2rem;}
	.contact_us1 .box .h36 .s{ margin-left: 0.1rem;}
	.contact_us1 .box .h24{ margin-bottom: 0.2rem;}

	.contact_us2{ padding: 1rem 0;}
	.contact_us2 .tb1{ margin-bottom: 0.5rem;}
	.contact_us2 .tt1{ margin: 0 0.1rem;}
	.contact_us2 .tb2{ position: static; margin-bottom: 0.5rem;}
	.contact_us2 .tt2{ font-size: 0.3rem;}
	.contact_us2 .scroll-tab{ position: relative; padding: 0 0.5rem;}
	.contact_us2 .scroll-prev,
	.contact_us2 .scroll-next{ width: 0.5rem;}
	.contact_us2 .scroll-box{ width: 100%;}
	.contact_us2 .scroll-track{ padding: 0 0.1rem;}
	.contact_us2 .scroll-item{ margin: 0 0.3rem;}
	.contact_us2 .list{ padding-bottom: 0.3rem; border: 0; white-space: nowrap; overflow: auto;}
	.contact_us2 .list-item{ float: none; display: inline-block; width: 7rem; height: auto; border: 1px solid #e6e6e6; white-space: normal; vertical-align: top;}
	.contact_us2 .list-item .th{ padding: 0.5rem; height: auto;}
	.contact_us2 .list-item .date{ position: static; font-size: 0.3rem;
		transform: none;
	}
	.contact_us2 .list-item .d{ display: inline; margin-top: 0; font-size: 0.3rem;}
	.contact_us2 .list-item .d:before{ content: '.';}
	.contact_us2 .list-item .td{ padding: 0.5rem;}
	.contact_us2 .list-item .p + .p{ margin-top: 0.1rem;}

	.contact_us3{ height: auto;}
	.contact_us3 .item{ float: none; width: 100%; height: auto;}
	.contact_us3 .item:first-child{ padding-bottom: 62.5%;}
	.contact_us3 .play{ width: 1rem; height: 1rem;}
	.contact_us3 .h24{ bottom: 0.2rem;}
	.contact_us3 .cont{ position: static; padding: 0.5rem 0.25rem; width: 100%;}
	.contact_us3 .h36{ margin-bottom: 0.3rem;}
	.contact_us3 .li{ font-size: 0.3rem;}
	.contact_us3 .li + .li{ margin-top: 0.2rem;}
	.contact_us3 .li .b{ font-size: 0.36rem;}
	.contact_us3 .li .p{ margin-bottom: 0.1rem;}

	.contact_us4{ padding-top: 1rem;}
	.contact_us4 .tit{ margin-bottom: 0.8rem;}
	.contact_us4 .slick-mod{ margin-bottom: 0.3rem;}
	.contact_us4 .slick-list{ margin: 0;}
	.contact_us4 .slick-item a{ margin: 0;}
	.contact_us4 .slick-item .img{ margin-bottom: 0.3rem; width: 7rem; height: auto;}
	.contact_us4 .slick-arrow { width: 1rem; height: 0.5rem;}
	.contact_us4 .slick-prev,
	.contact_us4 .slick-prev:hover,
	.contact_us4 .slick-next,
	.contact_us4 .slick-next:hover { background-size: 0.4rem;}

	.contact_us5 .tab-bar{ margin: 0 -0.25rem 0.5rem;}
	.contact_us5 .tab-term{ margin: 0 0.1rem;}

	.contact_us6{ padding: 0.5rem 0; background-size: contain;}
	.contact_us6 .tit{ margin-bottom: 0.3rem;}
	.contact_us6 .list-item{ float: none; margin-bottom: 0.2rem; padding: 0.5rem 0; width: 100%; height: auto;}
	.contact_us6 .list-item:nth-child(even){ margin-left: 0;}
	.contact_us6 .list-item.li2 .ul{ margin-top: 0.3rem; padding: 0 0.3rem; width: 100%;}
	.contact_us6 .list-item.li2 .li{ float: none; width: 100%; font-size: 0.3rem;}
	.contact_us6 .list-item.li2 .li + .li{ margin-top: 0.2rem;}
	.contact_us6 .list-item.li2 .icon{ width: 0.34rem; height: 0.28rem;}
	.contact_us6 .list-item.li2 .p{ margin-left: 0.6rem;}
	.contact_us6 .list-item.li3 .ul{ width: 90%;}
	.contact_us6 .list-item.li3 .li{ font-size: 0.3rem;}
	.contact_us6 .list-item.li3 .li + .li{ margin-top: 0.1rem;}
	.contact_us6 .list-item.li4{ padding: 0;}
	.contact_us6 .list-item.li4 .pad{ padding: 0.5rem;}
	.contact_us6 .list-item.li4 .h16 + .h16{ margin-top: 0.1rem;}
	.contact_us6 .list-item .cont{ position: relative; top: 0;}
	.contact_us6 .list-item .cont .h24{ margin-bottom: 0.2rem;}
	.contact_us6 .list-item .cont .more{ margin-top: 0.5rem; width: 3rem; font-size: 0.4rem; line-height: 0.7rem;}
	.contact_us6 .bdmap{ height: 8rem;}

	.contact_us7 .tit{ margin-bottom: 0.2rem;}
	.contact_us7 .util{ padding: 0.5rem 0;}
	.contact_us7 .form{ margin-bottom: 0.3rem; padding: 0 0.25rem; width: 100%;}
	.contact_us7 .form-item{ float: none; width: 100%;}
	.contact_us7 .form-item:nth-child(2),
	.contact_us7 .form-item:nth-child(3){ margin-top: 0.2rem; margin-left: 0;}
	.contact_us7 .flabel{ font-size: 0.3rem;}
	.contact_us7 .pad{ padding: 0.2rem 0.3rem;}
	.contact_us7 .input{ margin-left: 0rem;}
	.contact_us7 .input input{ font-size: 0.3rem;}
	.contact_us7 .textarea{ /*margin-left: 0.2rem;*/ height: 3rem;}
	.contact_us7 .textarea textarea{ font-size: 0.3rem;}
	.contact_us7 .submit{ width: 3rem; font-size: 0.36rem; line-height: 0.7rem;}
	
	.why_us1{ padding: 1rem 0; height: auto;}
	.why_us1 .box{ padding-top: 0;}
	.why_us1 .t1{ margin-bottom: 0.3rem;}
	.why_us1 .t2{ margin-bottom: 0.2rem;}
	.why_us1 .t2 .b{ font-size: 1rem;}
	.why_us1 .t3{ margin: 0 0 0.5rem;}
	.why_us1 .li{ margin-bottom: 0.3rem; width: calc( 50% - 0.1rem );}
	.why_us1 .li:nth-child(even){ margin-left: 0.2rem;}
	.why_us1 .li .pad{ padding: 0;}
	.why_us1 .li .icon{ margin-bottom: 0.2rem; width: 1rem; height: auto;}
	.why_us1 .li .h18{ margin-bottom: 0.2rem;}
	.why_us1 .li .p{ margin-bottom: 0.3rem; height: auto;}
	.why_us1 .li br{ display: none;}

	.why_us2{ padding: 1rem 0;}
	.why_us2:before{ display: none;}
	.why_us2 .tit{ margin-bottom: 0.3rem;}
	.why_us2 .tit .h36{ margin-bottom: 0.1rem;}
	.why_us2 .tit .h36 .b{ font-size: 1rem;}
	.why_us2 .list-item{ margin-bottom: 0.1rem; float: none; margin: 0; width: 100%;}
	.why_us2 .list-item + .list-item{ margin-top: 0.2rem;}
	.why_us2 .list-item .img{ height: auto;}
	.why_us2 .list-item .cont{ top: 0; bottom: 0; margin-top: 0; padding: 1rem 0.5rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.why_us2 .list-item .h18{ white-space: normal;}
	.why_us2 .list-item .box{ margin-top: 0.2rem; margin-right: -0.3rem; padding-right: 0.3rem; overflow: auto;
		width: auto;
		height: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}
	.why_us2 .list-item .p + .p{ margin-top: 0.1rem;}
	.why_us2 .list-item .ul{ margin-top: 0.1rem;}
	.why_us2 .list-item .li{ padding: 0.1rem 0;}
	.why_us2 .list-item .pad{ padding-left: 0.2rem;}


	.why_us3{ padding: 1rem 0;}
	.why_us3 .tit{ margin: 0 0 0.3rem;}
	.why_us3 .tit .h36{ margin-bottom: 0.2rem;}
	.why_us3 .tit .h36 .b{ font-size: 1rem;}
	.why_us3 .tit .p + .p{ margin-top: 0.1rem;}
	.why_us3 .slick-list{ margin: 0;}
	.why_us3 .slick-item .pad{ margin: 0;}
	.why_us3 .slick-item .img{ margin-bottom: 0.2rem; width: 7rem; height: auto;}
	.why_us3 .slick-item .h16{ margin-bottom: 0.2rem;}
	.why_us3 .slick-item .more{ font-size: 0.3rem;}
	.why_us3 .slick-nav{ margin-top: 0.3rem;}
	.why_us3 .slick-arrow { width: 1rem; height: 0.5rem;}
	.why_us3 .slick-prev,
	.why_us3 .slick-prev:hover,
	.why_us3 .slick-next,
	.why_us3 .slick-next:hover { background-size: 0.4rem;}

	.why_us4{ padding: 1rem 0;}
	.why_us4 .tit{ margin: 0 0 0.3rem;}
	.why_us4 .tit .h36{ margin-bottom: 0.2rem;}
	.why_us4 .tit .h36 .b{ font-size: 1rem;}
	.why_us4 .slick-list{ margin: 0;}
	.why_us4 .slick-item .pad{ margin: 0;}
	.why_us4 .slick-item .img{ margin-bottom: 0.3rem; width: 7rem; height: auto;}
	.why_us4 .slick-nav{ margin-top: 0.4rem;}
	.why_us4 .slick-arrow { width: 1rem; height: 0.5rem;}
	.why_us4 .slick-prev,
	.why_us4 .slick-prev:hover,
	.why_us4 .slick-next,
	.why_us4 .slick-next:hover { background-size: 0.4rem;}

	.why_us5{ padding-bottom: 1rem;}
	.why_us5:before{ display: none;}
	.why_us5 .tit{ margin-bottom: 0.2rem;}
	.why_us5 .tit .h36 .b{ font-size: 1rem;}
	.why_us5 .screen{ margin-bottom: 0.5rem;}
	.why_us5 .screen .ul{ padding-bottom: 0.3rem; white-space: nowrap; overflow: auto;}
	.why_us5 .screen .li{ float: none; display: inline-block; padding: 0 0.3rem; min-width: 1px; font-size: 0.3rem; line-height: 2;}
	.why_us5 .screen .li + .li{ margin-left: 0.2rem;}
	.why_us5 .screen .btn1{ margin-left: 0.5rem;}
	.why_us5 .list{ margin: 0;}
	.why_us5 .list-item{ float: left; margin: 0; width: 7rem;}
	.why_us5 .list-item .img{ height: auto;}
	.why_us5 .list-item .h16{ padding: 0.3rem;}

	.why_us6{ padding: 1rem 0;}
	.why_us6 .tit{ margin-bottom: 0.2rem;}
	.why_us6 .tit .h36 .b{ font-size: 1rem;}
	.why_us6 .screen{ margin-bottom: 0.5rem;}
	.why_us6 .screen .ul{ padding-bottom: 0.3rem; white-space: nowrap; overflow: auto;}
	.why_us6 .screen .li{ float: none; display: inline-block; padding: 0 0.3rem; min-width: 1px; font-size: 0.3rem; line-height: 2;}
	.why_us6 .screen .li + .li{ margin-left: 0.2rem;}
	.why_us6 .screen .btn1{ margin-left: 0.5rem;}
	.why_us6 .list{ padding-left: 0;height: auto;}
	.why_us6 .list-item{ margin-bottom: 0.1rem; width: 100%; height: auto;}
	.why_us6 .list-item .img{ float: none; width: 100%;}
	.why_us6 .list-item .cont{ padding: 0.3rem;}
	.why_us6 .list-item .h18{ padding: 0.2rem;}
	.why_us6 .list-item .date{ margin-top: 0.5rem;}
	.why_us6 .list-item .date:before{ margin-bottom: 0.3rem; width: 0.3rem;}
	.why_us6 .list-item:first-child{ position: relative; width: 100%; height: auto;}
	
	.recruit_list1{ padding: 1rem 0;}
	.recruit_list1 .head{ margin-bottom: 0.5rem;}
	.recruit_list1 .table{ margin-bottom: 0.5rem; overflow-x: auto;}
	.recruit_list1 table{ width: auto; min-width: 100%;}
	.recruit_list1 tr:first-child td{ height: 1rem;}
	.recruit_list1 th{ height: 1rem; font-size: 0.3rem;}
	.recruit_list1 td{ font-size: 0.3rem;}
	.recruit_list1 .pd{ padding: 0 0.5rem; white-space: nowrap;}
	.recruit_list1 .arr::after{ margin-left: 0.1rem; width: 0.3rem; height: 0.3rem; background-size: 200%;}
	.recruit_list1 .xfont-icon{ padding-right: 1rem;}
	.recruit_list1 .xfont-icon:before{ right: 0.3rem; width: 0.5rem; height: 0.5rem; line-height: 0.5rem;}
	.recruit_list1 .ul{ padding: 0.5rem; font-size: 0.28rem;}
	.recruit_list1 .li + .li{ margin-top: 0.2rem;}	
	
	
	
	.contact_us6{background-image: none !important;}
	.contact_us6 .tit{color: #333;}
	.why_us1 .li .btn1{margin-top: 0.2rem;}
	.why_us2 .list-item{width: 100%;}
	.why_us2 .list-item .p,
	.why_us2 .list-item .pad{font-size: 0.28rem;}

	/* 2020-07-06lyj */
	.contact_us6 .list-item .cont .more{font-size: 0.32rem;}
	.contact_us6 .list-item .cont .h24{font-size: 0.32rem;}
	.contact_us6 .list-item.li2 .h16{width: auto;}
	.contact_us6 .list-item .cont{width: 90%;margin: 0 auto;}
	.why_us6 .screen .btn1,
	.why_us5 .screen .btn1{float: none;margin-left: 0;text-align: center;margin-top: 0.3rem;}
	.why_us5 .screen .ul,
	.why_us6 .screen .ul{padding-bottom: 0;}
	.why_us6 .tab-modbar, .why_us5 .tab-modbar{float: none;max-width: none;}
	.why_us5 .tab-modbar .scroll-item,
	.why_us6 .tab-modbar .scroll-item{min-width: 1.8rem;}

	/* 2020-07-08lyj */
	.why_us1 .t2,
	.why_us2 .tit .h36,
	.why_us3 .tit .h36,
	.why_us4 .tit .h36,
	.why_us5 .tit .h36,
	.why_us6 .tit .h36{font-size: 0.4rem;}
	.why_us1 .t2 .b,
	.why_us2 .tit .h36 .b,
	.why_us3 .tit .h36 .b,
	.why_us4 .tit .h36 .b,
	.why_us5 .tit .h36 .b,
	.why_us6 .tit .h36 .b{font-size: 0.4rem;}

	.why_us2 .list-item .cont{background-color: rgba(0,0,0,0.6);}
	.why_us1 .ul{font-size: 0;}
	.why_us1 .li{float: none;display: inline-block;}

	/* 20200709lyj */
	.contact_us3 .li .b{top: auto;}
}